/* 
 * Fonctions globales pour l'administration
 * Charge les changements de design par javascript
 */

$(function() {
    // Chargement des multibox
    $('select[multiple]:not(form.liste select[multiple])')
    .height(200)
    .width(570)
    .multiselect();

    // Multibox en liste, plus petites
    $('form.liste select[multiple]')
    .height(100)
    .width(300)
    .multicheck();

    // Confirmation de suppression
    $('a.delete').each(function() {
	var a = $(this);
	a.bind('click', function() {
	    $('<div id="dialog-confirm" title="Supprimer l\'élément ?"><p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Cet élément sera définitivement supprimé. Êtes-vous sûr(e) ?</p></div>')
	    .appendTo('#page-center')
	    .dialog({
		resizable:false,
		height:150,
		width:350,
		modal:true,
		closeText:'Annuler',
		buttons: {
		    'Annuler': function() {
			$(this).dialog('close');
		    },
		    'Supprimer définitivement': function() {
			window.location = a.attr('href');
		    }
		},
		close: function(event, ui) {
		    $(this).remove(); // Supprime la boîte à la fermeture
		}
	    });
	    return false;
	});
    });
    
    
    
    $('input.color').ColorPicker({
	onSubmit: function(hsb, hex, rgb, el) {
	    $(el).val(hex);
	    $(el).ColorPickerHide();
	},
	onBeforeShow: function () {
	    $(this).ColorPickerSetColor(this.value);
	}
    })
    .bind('keyup', function(){
	$(this).ColorPickerSetColor(this.value);
    });







});